// components/tabs/index.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    tabs: { // tabs数据
			type: Array,
			value: []
		},
		active: { // 当前点击
			type: Number,
			value: 0
		}
  },

  /**
	 * 数据监听器
	 */
	observers: {
		active(index) {
			if (index !== this.data._active) {
				this.setData({
					_active: index,
					_scrollLeft: (index - 1) * 80
				})
			}
		}
	},

  /**
   * 组件的初始数据
   */
  data: {
    _scrollLeft: 0,
		_active: 0
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // tabs切换
		_onChange(event) {
			const { index } = event.currentTarget.dataset

			if (index == this.data._active) return

			this.setData({
				_active: index,
				_scrollLeft: (index - 1) * 80
			})
			this.triggerEvent('change', { index, item: this.properties.tabs[index] })
		}
  }
})
